<section id="header-wrapper" class="clearfix">
	<!-- #header start -->
	<header id="header" class="clearfix">

		<!-- #logo start -->
		<section id="logo">
			<a href="/">
				<img src="img/red/logo.png" alt="logo" />
			</a>
		</section><!-- #logo end -->

		<!-- contact-info-container -->
		<section id="contact-info-container">
			<ul class="info">
				<li>
					<span class="text-dark">Call us on:</span> +00 123 5874
				</li>

				<li>
					<span class="text-dark">Email: </span>
					<a class="text-color" href="malito:sales-info@business.com">sales-info@business.com</a>
				</li>
			</ul>

			<ul class="social-links">
				<li>
					<a href="#" class="pixons-twitter-1"></a>
				</li>

				<li>
					<a href="#" class="pixons-linkedin"></a>
				</li>

				<li>
					<a href="#" class="pixons-facebook-1"></a>
				</li>

				<li>
					<a href="#" class="pixons-xing"></a>
				</li>

				<li>
					<a href="#" class="pixons-skype"></a>
				</li>
			</ul>
		</section><!-- .contact-info-container end -->
	</header><!-- #header end -->

	<!-- #nav-container start -->
	<section id="nav-container">

		<section class="container_12">
			<section class="grid_12">
				<!-- #nav start -->
				<nav id="nav">
					<ul>
						<li class="current-menu-item">
							<span class="nav-icon icon-home"></span>
							<a href="/">Home</a>
						</li>

						<li>
							<span class="nav-icon icon-user"></span>
							<a href="#">Pages</a>
							<ul>
								<li><a href="about">About</a></li>
								<li><a href="services">Services</a></li>
								<li><a href="faq">FAQ</a></li>
								<li><a href="page-sidebar-left">Page sidebar left</a></li>
								<li><a href="page-sidebar-right">Page sidebar right</a></li>
								<li><a href="pricing">Pricing tables</a></li>
							</ul>
						</li>

						<li>
							<span class="nav-icon icon-camera"></span>
							<a href="#">Portfolio</a>
							<ul>
								<li><a href="portfolio/1">Portfolio 1</a></li>
								<li><a href="portfolio/2">Portfolio 2</a></li>
								<li><a href="portfolio/2/alt">Portfolio 2 alternative</a></li>
								<li><a href="portfolio/3">Portfolio 3</a></li>
								<li><a href="portfolio/3/alt">Portfolio 3 alternative</a></li>
								<li><a href="portfolio/4">Portfolio 4</a></li>
								<li><a href="portfolio/4/alt">Portfolio 4 alternative</a></li>
								<li><a href="portfolio/gallery">Portfolio gallery</a></li>
								<li><a href="portfolio/single">Portfolio single</a></li>
							</ul>
						</li>

						<li>
							<span class="nav-icon icon-list"></span>
							<a href="#">Blog</a>

							<ul>
								<li><a href="blog">Blog default</a></li>
								<li><a href="blog/alt">Blog alternative</a></li>
								<li><a href="blog/single">Blog single</a></li>
							</ul>
						</li>

						<li>
							<span class="nav-icon icon-cogs"></span>
							<a href="#">Shortcodes</a>
							<ul>
								<li><a href="shortcodes">Page elements</a></li>
								<li><a href="#">Third level</a>
									<ul>
										<li><a href="#">Menu item</a></li>
									</ul>
								</li>
							</ul>
						</li>

						<li>
							<span class="nav-icon icon-map-marker"></span>
							<a href="contact">Contact</a>
						</li>
					</ul>
				</nav><!-- #nav end -->

				<!-- responsive navigation start -->
				<select id="nav-responsive">
					<option selected="" value="">Site Navigation...</option>

					<option value="index">Home version 1</option>

					<option value="about">About us</option>
					<option value="services">Services</option>
					<option value="faq">FAQ Page</option>
					<option value="page-sidebar-left">Page sidebar left</option>
					<option value="page-sidebar-right">Page sidebar right</option>
					<option value="pricing">Pricing tables</option>

					<option value="portfolio/1">Portfolio 1 column</option>
					<option value="portfolio/2">Portfolio 2 columns</option>
					<option value="portfolio/2/alt">Portfolio 2 alternative</option>
					<option value="portfolio/3">Portfolio 3 columns</option>
					<option value="portfolio/3/alt">Portfolio 3 alternative</option>
					<option value="portfolio/4">Portfolio 4 columns</option>
					<option value="portfolio/4/alt">Portfolio 4 alternative</option>
					<option value="portfolio/gallery">Portfolio gallery</option>
					<option value="portfolio/single">Portfolio single</option>

					<option value="blog">Blog default</option>
					<option value="blog/alt">Blog alternative</option>
					<option value="blog/single">Blog single</option>

					<option value="shortcodes">Shortcodes</option>
					<option value="contact">Contact</option>
				</select><!-- responsive navigation end -->

				<section id="search-box">
					<form action="#" method="get">
						<input id="m_search" name="s" type="text" placeholder="Type and hit enter..." />
						<input class="search-submit" type="submit" />
					</form>
				</section>
			</section><!-- .grid_12 end -->
		</section><!-- .container_12 end -->

	</section><!-- #nav-container end -->
</section>